<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Modal Window Example</title>
	<link rel="stylesheet" href="stylesheets/modal.css" type="text/css" media="screen" title="no title" charset="utf-8" />
	<script src="javascripts/prototype.js" type="text/javascript" charset="utf-8"></script>
	<script src="javascripts/modal.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	<div id="overlay" style="display:none"></div>
	<div id="box" style="display:none">
	    <img id="close" src="images/close.gif" onclick="hideBox()" alt="Close" 
	         title="Close this window" />
	    Here's a bunch of really sweet content!
	</div>
	<div id="content">
		<p><a href="#" onClick="showBox();return false">Click Here!</a></p>
		<p>Example taken from <a href="http://www.pjhyett.com/posts/190-the-lightbox-effect-without-lightbox">http://www.pjhyett.com/posts/190-the-lightbox-effect-without-lightbox</a></p>
	</div>
</body>
</html>
